@charset "utf-8";
.conter {
    .fam_bg {
        background: #8bc01f;
        .flash {
            max-width: 1000px;
            margin: 0 auto;
            padding: 70px 0;
            .fl_left {
                ul {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    .num {
                        padding: 10px 20px;
                        background: #FFFEFE;
                        color: #8bc01f;
                        font-size: 48px;
                        line-height: 48px;
                        border-radius: 2px;
                    }
                    .name {
                        font-size: 45px;
                        color: #FFFEFE;
                        padding-left: 12px;
                    }
                }
                .subtit {
                    font-size: 24px;
                    color: #ffffff;
                    padding-left: 15px;
                }
                .fl_text {
                    color: #ffffff;
                    padding-left: 15px;
                    padding-top: 50px;
                    p {
                        margin: 0;
                        padding-bottom: 20px;
                        font-size: 14px;
                        line-height: 30px;
                    }
                }
                .fl_btn {
                    display: inline-block;
                    padding: 10px 22px;
                    color: #8bc01f;
                    background: #e8f2d2;
                    border-radius: 4px;
                }
            }
        }
    }
        .player_bg {
            background: #3393df;
            .player {
                max-width: 1000px;
                margin: 0 auto;
                padding: 70px 0;
                .pl_left {
                    ul {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        .num {
                            padding: 6px 11px;
                            background: #FFFEFE;
                            color: #3393df;
                            font-size: 40px;
                            line-height: 40px;
                            border-radius: 2px;
                        }
                        .name {
                            font-size: 45px;
                            color: #FFFEFE;
                            padding-left: 12px;
                        }
                    }
                }
                .player_text{
                    .text{
                        .p_wrap{
                            h3{
                                font-size: 24px;
                                color: #FFFFFF;
                            }
                            .p_wraph{
                                padding-top: 10px;
                            }
                            p{
//                              padding-top: 10px;
                                font-size: 14px;
                                line-height: 30px;
                                color: #ffffff;
                            }
                        }
                    }
                }
            }
        }
        .others_bg{
            background: #FFFFFF;
            .others_pro{
                max-width: 1000px;
                margin: 0 auto;
                .others{
                    padding: 70px 0;
                    ul {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        .num {
                            padding: 6px 11px;
                            background: #3393df;
                            color: #FFFFFF;
                            font-size: 40px;
                            line-height: 40px;
                            border-radius: 2px;
                        }
                        .name {
                            font-size: 45px;
                            color: #3393df;
                            padding-left: 12px;
                        }
                    }
                    .sub_h{
                        font-size: 18px;
                        color: #5d5d5d;
                        padding-top: 18px;
                    }
                    .other_t{
                        padding-top: 30px;
                        h4{
                            font-size: 18px;
                            color: #3393df;
                        }
                        .fex_h{
                            height: 48px;
                        }
                        p{
                            font-size: 14px;
                            color: #5d5d5d;
                            line-height: 24px;
                            text-indent: 2em;
                            margin: 0;
                        }
                    }
                    .img{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding-top: 40px;
                    }
                }
            }
        }
        .last_bg{
            background: #f7f7f7;
        }
    
}

@media only screen and (min-width:200px) and (max-width:768px) {
    .conter {
        .name{
            font-size: 30px !important;
        }
        .flash{
            padding:30px 0 !important ;
            .fl_text{
                padding-top:20px !important ;
            }
        }
        .player{
            padding: 30px 0 !important;
        }
        .others{
            padding: 30px 0 !important;
        }
    }
}